﻿<!DOCTYPE html>

<html>
<head>
<!-- [naming] -->
<title>Introducing Gears</title>
<!-- style sheet links -->
<link rel="stylesheet" href="p10n.css" type="text/css">
<script src="gears_init.js"></script>
<script src="jquery.js" type="text/javascript"></script>
<script src="p10n.js" type="text/javascript"></script>
</head>
<body>

<div id="header" style="position:absolute; right:0; top:0;">
  <div style="margin:1em;">
    <img src="logo.png" width="168" height="66">
  </div>
</div>

<div id="status" style="position:absolute; bottom:2em"></div>

<div class="place" id="body" style="margin:100px 3em"></div>

<div id="footer" style="position:absolute; bottom:0; left:0;">

<table width="100%" cellpadding="0" cellspacing="0" border="0">
  <tr>
    <td valign="middle" align="left" width="35%">
    <div style="margin:1em;">
        <em>Google Developer Day Taiwan 2008</em>
    </div>
    </td>
    <td valign="bottom" align="center" width="30%">
    <!-- <img src="indicthreads-image.jpg"/> -->
      <div style="margin:1em; font-size:0.6em;">
        Copyright 2008 Google Inc.
      </div> 
    </td>
    <td valign="bottom" align="right" width="35%">
      <div style="margin:1em">
        <span id="slide_number"></span> / <span id="num_slides"></span>
      </div>
    </td>
  </tr>
</table>
</div>

<div style="display:none">
  <!-- Home page -->
  <div class="template" id="home">
    <h2>Google Developer Day Taiwan 2008<br/>
	<br/>
	</h2>
    <h1>Gears</h1>
	<table>
	  <tr>
	    <td width="33%"><img src="localserver.gif"/></td>
	    <td width="33%"><img src="database.gif"/></td>
	    <td width="33%"><img src="workerpool.gif"/></td>
	  </tr>
	</table>
    <h2><b><br/>Ray Chen, Google Software Engineer</b></h2>
	<h2>&nbsp;<br/>June 14, 2008</h2>
  </div>

  <!-- Last page -->
  <div class="template" id="last">
    <div id="questions">
      <h1>Thank You!</h1>
      <br>
      <br>
      <div>
        <table align="center" width="300">
		  <tr>
		    <td width="33%"><img src="localserver.gif"/></td>
		    <td width="33%"><img src="database.gif"/></td>
		    <td width="33%"><img src="workerpool.gif"/></td>
		  </tr>
		</table>
        <!-- [naming] -->
        <h2><br/>Learn more:
          <a href="http://code.google.com/">code.google.com</a>
        </h2>
      </div>
    </div>
  </div>

  <!-- Display contents of a slide. -->
  <div class="template" id="slide-template">
    <h1 style="position:absolute; top:0; margin:20px 0 0 20px; line-height: 0.9em;"></h1>
    <ul>
      <li></li>
    </ul>
  </div>

  <!-- Display contents of a search result. -->
  <div class="template" id="search-template">
    <div>
      <h2><a></a></h2>
      <p></p>
      <p class="url"></p>
    </div>
  </div>

</div>

<script type="text/javascript">
if (db) {
  render();
}
</script>
</body>
</html>
